﻿.barcode {
    float: left;
    clear: both;
    padding: 0 10px; /*quiet zone*/
    overflow: auto;
    height: 0.5in; /*size*/
}

.right {
    float: right;
}

.barcode + * {
    clear: both;
}

.barcode div {
    float: left;
    height: 0.35in; /*size*/
}

.barcode .bar1 {
    border-left: 1px solid black;
}

.barcode .bar2 {
    border-left: 2px solid black;
}

.barcode .bar3 {
    border-left: 3px solid black;
}

.barcode .bar4 {
    border-left: 4px solid black;
}

.barcode .space0 {
    margin-right: 0;
}

.barcode .space1 {
    margin-right: 1px;
}

.barcode .space2 {
    margin-right: 2px;
}

.barcode .space3 {
    margin-right: 3px;
}

.barcode .space4 {
    margin-right: 4px;
}

.barcode label {
    clear: both;
    display: block;
    text-align: center;
    font: 0.125in/100% helvetica; /*size*/
}
/*** bigger ******************************************/
.barcode2 {
    float: left;
    clear: both;
    padding: 0 10px; /*quiet zone*/
    overflow: auto;
    height: 1in; /*size*/
}

    .barcode2 + * {
        clear: both;
    }

    .barcode2 div {
        float: left;
        height: 0.7in; /*size*/
    }

    .barcode2 .bar1 {
        border-left: 2px solid black;
    }

    .barcode2 .bar2 {
        border-left: 4px solid black;
    }

    .barcode2 .bar3 {
        border-left: 6px solid black;
    }

    .barcode2 .bar4 {
        border-left: 8px solid black;
    }

    .barcode2 .space0 {
        margin-right: 0;
    }

    .barcode2 .space1 {
        margin-right: 2px;
    }

    .barcode2 .space2 {
        margin-right: 4px;
    }

    .barcode2 .space3 {
        margin-right: 6px;
    }

    .barcode2 .space4 {
        margin-right: 8px;
    }

    .barcode2 label {
        clear: both;
        display: block;
        text-align: center;
        font: 0.250in/100% helvetica; /*size*/
    }
